<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    <title>妙百睿国际幼儿园</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/css.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/swiper-3.4.2.min(1).css">

    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?d532e9449a8c3ef90ee9ca1f951ca6ec";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
<header>
    <nav class="navbar navbar-default" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
                    <span class="sr-only">切换导航</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html"><img src="img/logo.png"/></a>
            </div>
            <div class="collapse navbar-collapse" id="example-navbar-collapse">

                <div class="language"><a id="cn" class="on" href="#">CN</a><a id="en" href="#">EN</a></div>
                <ul class="nav navbar-nav">
                    <li>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a href="admissions.html">入园咨询</a>
                    </li>
                    <li>
                        <a href="brand.html" >
                            品牌历史
                        </a>
                        <!--<ul class="menu dropdown-menu">-->
                        <!--<li>-->
                        <!--<a href="ppls.html">品牌历史</a>-->
                        <!--</li>-->
                        <!--<li>-->
                        <!--<a href="#">获奖情况</a>-->
                        <!--</li>-->
                        <!--</ul>-->
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle togle_b" data-toggle="dropdown">
                            妙百睿特色
                        </a>
                        <ul class="menu dropdown-menu">
                            <li>
                                <a href="habitsofmind.html">心智习惯</a>
                            </li>
                            <li>
                                <a href="team.html">教育团队</a>
                            </li>
                            <li>
                                <a href="programs.html">特色课程</a>
                            </li>
                            <li>
                                <a href="environment.html">创设环境</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="news.html">媒体报道</a>
                    </li>
                    <li>
                        <a href="careers.html">加入我们</a>
                    </li>
                    <li>
                        <a href="contact.html">
                            联系我们
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</header><!--轮播开始-->
<div class="fix-zhan"></div>
<div class="g-hert">
    <div class="container">
        <div class="row">
            <div class=" xuxian">
                <p class="x-left pull-left">联系我们 <span class="smalll"></span></p>
                <p class="x-right pull-right">首页&nbsp;/&nbsp;联系我们</p>
            </div>
            <div class="col-md-12 x-b">
                <img class="hidden-xs" src="img/LX.jpg" alt="">
                <img class="visible-xs" src="img/LXM.jpg" alt="">
            </div>
        </div>
        <div class="row join ">
            <div class="col-md-8 col-sm-8 join-bto lxus">
                <p class="join-tit"> 亲爱的伙伴们</p>
                <p class="join-t"> 妙百睿，新加坡深受家长和小朋友欢迎的高端幼儿园品牌，在新加坡已经有22年的历史。<br>现在进入中国，旨在让更多中国家庭接触到真正的新加坡精英式双语教育。<br></p>
                <p class="join-t">欢迎家长给我们提出更多建设性的意见和建议。</p>
                <p class="join-t">拨打热线或关注妙百睿公众号留言  </p>
                <p class="join-t">热线：4008-690-190</p><br><br>
                <p class="join-tit">企业合作</p>
                <p class="join-t">欢迎优质的企业与妙百睿开展合作</p>
                <p class="join-t">请发邮箱marketing_cn@global-eduhub.com</p><br><br>
                <p class="join-tit">海外链接</p>
                <p><a href="http://mulberrylearning.com/">新加坡妙百睿</a></p>
                <p><a href=" http://www.mulberrylearning.com.au/">澳大利亚妙百睿</a></p>
            </div>
            <div class="col-md-4 col-sm-4 join-top">
                <img src="img/er.jpg" alt="">
                <p style="text-align: center" >关注微信号给我们留言</p>
            </div>
        </div>
        <div class="col-md-12 x-b">
                
    		</div>
	</div>
</div>
<div class="container s-map">
	<div id="dituContent"></div>
</div>

<footer>
    <div class="s-content">
        <ul class="s-zongbu">
            <li>
                <h5>客服咨询</h5>
                <p>客服热线 4008-690-190</p >
                <p>工作时间 : 9 am - 6 pm</p >
                <p>幼儿园地址 : 苏州市姑苏区平泷路61号</p >
            </li>
            <li>
                <h5>中国总部</h5>
                <p>苏州市姑苏区江星广场11F</p >
                <p>邮编:215100</p >
                <p>中国&nbsp;&nbsp;+86 0512 6855 9562</p >
            </li>
            <li>
                <h5>新加坡</h5>
                <p>Singapore Land Tower, #22-03B, 50 Raffles Place, </p >
                <p>Singapore, 048623</p >
                <p>新加坡 +65 6264 4623</p >
            </li>

        </ul>
        <div class="s-bottom s-clear">
            <p>苏州妙百睿</p >
            <img src="img/di-2.jpg"/>
        </div>
        <div class="s-bottom">
            <p>妙百睿服务号</p >
            <img src="img/di-3.jpg"/>
        </div>
    </div>

    <div class="foot-bei">
        &copy; 2017妙百睿国际幼儿园 ICP <a href="http://www.miitbeian.gov.cn/">粤备16099274-2号</a>
    </div>
</footer>


</body>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.js"></script>
<script src="js/index.js"></script>
<script src="js/js.js"></script>
<script src="js/swiper-3.4.2.jquery.min(1).js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
<script>
    //创建和初始化地图函数：
    function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMarker();//向地图中添加marker
        add_overlay();//创建点
    }
    //创建地图函数：
    function createMap(){
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(120.623702,31.350998);//定义一个中心点坐标
        map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }
    //创建标记点
    function add_overlay() {
        var marker = new BMap.Marker(new BMap.Point(120.623702,31.350998));
        map.addOverlay(marker);
    }
    //地图事件设置函数：
    function setMapEvent(){
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }
    //地图控件添加函数：
    function addMapControl(){
        //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
        map.addControl(ctrl_nav);
        //向地图中添加比例尺控件
        var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
        map.addControl(ctrl_sca);
    }
    //标注点数组
    var markerArr = [{title:"妙百睿国际幼儿园",content:"苏州市姑苏区平泷路61号",point:"120.623702|31.350998",isOpen:0,icon:{w:23,h:25,l:46,t:21,x:9,lb:12}}];
    //创建marker
    function addMarker(){
        for(var i=0;i<markerArr.length;i++){
            var json = markerArr[i];
            var p0 = json.point.split("|")[0];
            var p1 = json.point.split("|")[1];
            var point = new BMap.Point(p0,p1);
            var iconImg = createIcon(json.icon);
            var marker = new BMap.Marker(point,{icon:iconImg});
            var iw = createInfoWindow(i);
            var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
            marker.setLabel(label);
            map.addOverlay(marker);
            label.setStyle({
                borderColor:"#808080",
                color:"#333",
                cursor:"pointer"
            });
            (function(){
                var index = i;
                var _iw = createInfoWindow(i);
                var _marker = marker;
                _marker.addEventListener("click",function(){
                    this.openInfoWindow(_iw);
                });
                _iw.addEventListener("open",function(){
                    _marker.getLabel().hide();
                })
                _iw.addEventListener("close",function(){
                    _marker.getLabel().show();
                })
                label.addEventListener("click",function(){
                    _marker.openInfoWindow(_iw);
                })
                if(!!json.isOpen){
                    label.hide();
                    _marker.openInfoWindow(_iw);
                }
            })()
        }
    }
    //创建InfoWindow
    function createInfoWindow(i){
        var json = markerArr[i];
        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
        return iw;
    }
    //创建一个Icon
    function createIcon(json){
        var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
        return icon;
    }
    initMap();//创建和初始化地图
</script>


</html>